<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src=".././static/js/public-head.js"></script>
</head>
<body >
    <div class="layui-fluid layui-row layui-col-space10">
        <div class="layui-col-md4 xd-div-sample">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input  type="text"   name="searchStr" id="searchStr" placeholder="输入关键字" autocomplete="off" class="layui-input">
                </div>
                <button class="layui-btn" id="widget-add">新增</button>
            </div>
            <hr>
            <table id="xdWidget-tb" lay-filter="xdWidget-tb"></table>
        </div>
        <div class="layui-col-md4">
            <fieldset class="layui-elem-field">
                <legend class="xd-div-sample2">基础属性</legend>
                <div class="layui-field-box xd-div-set"  style="overflow-y: auto" id="xdWidget-attr-dom">
                    属性区域
                </div>
            </fieldset>
        </div>
        <div class="layui-col-md4" >
            <fieldset class="layui-elem-field">
                <legend class="xd-div-sample2">元素预览 </legend>
                <div class="layui-field-box xd-div-set" style="overflow-y: auto;overflow-x: hidden" >
                    <form class="layui-form"   action="" lay-filter="xdWidget-view-form">

                        <div class="layui-form-item" id="xdWidget-dom-view">
                            预览
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="xdWidget-view-form-bt">提交测试</button>
                            </div>
                        </div>
                    </form>
                </div>
            </fieldset>
        </div>
    </div>
</body>

<script type="text/javascript" src="js/widgetUtil.js"></script>
<script type="text/javascript">


</script>
<script type="text/html" id="xdWidget-add-dom">
    <div class="layui-card"  >
        <div class="layui-card-body"  >
            <form class="layui-form" action="javascript:;" lay-filter="xdWidget-add-form">
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-inline">
                        <input type="text" name="name"  lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">标签</label>
                    <div class="layui-input-inline">
                        <select xm-select	="xdWidgetId" lay-verify="required"
                                name="xdWidgetId"
                                id="xdWidgetId"
                                xm-select-radio=""  >
                        </select>
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="xdWidget-add-form-bt">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</script>
</html>